<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/style_Sinformation.css" />
		<link rel="stylesheet" type="text/css" href="../css/styl_nav.css" />
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
 		<link rel="stylesheet" href="../css/homepage.css">
		 <link rel="stylesheet" href="../css/font.css">
		<style type="text/css">
			*{
				margin: 0px;
				box-sizing: border-box;
			}
			        ul.topnav {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #66cccc;
            /* background-image: linear-gradient(to right, #253c7f, #1999d6); */
        }

        ul.topnav li {
            float: left;
        }

        ul.topnav li a {
            display: block;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        ul.topnav li a:hover {
            background-color: #ccffcc;
        }

        /* ul.topnav li a.active {
            background-color: orange;
        } */

        ul.topnav li.right {
            float: right;
        }

        #mainBody {
            display: flex;
            justify-content: center;
            margin: 20px auto auto auto;
        }
        .topnav li{
            font-size: small;
        }
		</style>
	
	</head>

	<body>
		<ul class="topnav">
        <li><img src="../资源文件/img/Logo1.png" alt=""></li>
        <li><a class="active" href="../index.html">首页</a></li>
        <li><a href="./WorksShow.html">作品展示</a></li>
        <li><a href="./intro.html">系统简介</a></li>
        <li><a href="./Student_information.html">个人中心</a></li>
        <li class="right"><a href="cgpwd.html">修改密码</a></li>
    </ul>
		<div id="introduce">
			<span class="self_name" id="name">
				</span>
			<div class="img_circle">
				<a href="./Login.html" class="img_circle_a">
						点击登录
					</a>
			</div>

		</div>
		<div id="works_choice">
			<span class="works_span_one">
				个人作品
			</span>
			<span class="works_span_tow">
				获奖作品
			</span>
			<div class="box">
				<ul class="f-nav" id='f-nav'>
					<li id="li_one"></li>
					<li id="li_tow"></li>
					<div class='sideline'></div>
				</ul>
			</div>
			<div id="works_search_div">
			</div>
			<div id="works">
				<span class="works_data_text">
					0
				</span>
				<span class="works_search_bg_text">
					Search.....
				</span>
				<input type="text" id="works_search" maxlength="20" value="" />	
				<input type="button" id="works_search_but" value="" />
			</div>
			<div class="trun">
				<ul class="turn_page" id='turn_page'>
					<li id="front_page"><</li>
					<li id="now_page">1</li>	
					<li id="back_page">></li>
				</ul>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/jquery-nav.js"></script>
		<script src="../js/Student_information.js" type="text/javascript" charset="utf-8"></script>
		
	</body>

</html>